#bdy{background-color:#eeeeee;background-image:url(../images/big-bg-pic.png);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
#body{width:80%; margin-left:10%; margin-top:4%;z-index:101; position:absolute;-moz-box-shadow: 3px 7px 75px #000000;
-webkit-box-shadow: 3px 7px 75px #000000;
box-shadow: 3px 7px 75px #000000;background-color:#FFF;max-width:1366px;}

.sadow {box-shadow: 0px 0px 0px #fff !important;border:1px solid #fff;}
#mnu {margin-top:.5%; }
#line-hang {margin-top:-1%;max-width:1300px}
.line-visible {display:block;}
#bg-img {height:65px;}
#top-box {background-color:#2f8023;}

#top-box h1{font-size:35px;color:#fff;font-family:Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;text-align:center;}
#top-box h6{font-size:14px;color:#fff;font-family:Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;text-align:center;line-height:0px;}
#top-box p{font-size:12px;color:#fff;}
#top-box span{font-size:18px;color:#fff;}
#hang-bdy {margin-top: -19px;position: absolute;width: 103%;}
.pic-box{
-webkit-box-shadow: 3px 7px 40px #000000;
box-shadow: 3px 7px 40px #000000;cursor:pointer;margin-bottom:3px; transition: 1s ease-in-out; animation:spin 2s linear infinite;}
.pic-box:hover {transform: translate(2em,0);transform: scale(1.1);}
#pic-line {display:block;margin-top:-1px;}

#img-top-1 {margin-top:-30%;height:179px;width:141px;}
#img-top-2 {margin-top:-15%;height:179px;width:141px;}
#img-top-3 {margin-top:0%;height:179px;width:141px;}
#img-top-4 {margin-top:-15%;height:179px;width:141px;}
#img-top-5 {margin-top:-30%;height:179px;width:141px;}
#blank-pic {display:block;}
#first-paragraph { text-align:center; margin-top:-36%;z-index:999;position:absolute;cursor:pointer;transition: 1s ease-in-out; animation:spin 2s linear infinite;width:100%;}
#first-paragraph:hover {transform: translate(2em,0);transform: scale(1.1); }

#second-paragraph { margin-top:-31%; z-index:999;position:absolute;text-align:center;cursor:pointer;transition: 1s ease-in-out; animation:spin 2s linear infinite;width:100%;}
#second-paragraph:hover {transform: translate(2em,0);transform: scale(1.1);}

#third-paragraph { margin-top:-26%;z-index:999;position:absolute;text-align:center;cursor:pointer;transition: 1s ease-in-out; animation:spin 2s linear infinite;width:100%;}
#third-paragraph:hover {transform: translate(2em,0);transform: scale(1.1);}

#first-paragraph span {background-color:#000; color:#FFF;opacity:0.5;font-size:40px;text-transform:uppercase;}
#second-paragraph span {text-align:center;background-color:#000; color:#FFF;opacity:0.5;font-size:35px;}
#third-paragraph span {text-align:center;background-color:#000; color:#FFF;opacity:0.5;font-size:30px;}
p {text-align: justify; line-height:22px;}

hr {
    height: 1px;
    background-color:#555;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}
blockquote {padding: 15px 20px;}
#img-bagan {margin-left:10px;width:550px;height:350px;}
#img-product-details {margin-right:10px;width:320px;height:210px;border-radius:5px;}
#fooder {background-color:#060;color:#FFF; height:60px; margin-top:10px;}
#saying{ text-align:right;}

#customer-view { display:block}
#what-costumer {margin-left:15%;}
#man_export {margin-top:0%; margin-left:0%; position:relative;z-index:999;}
#man1 {margin-top:19%; margin-left:12%; position:absolute;z-index:999;}
#man2 {margin-top:2%; margin-left:20%; position:absolute;z-index:101;}
#man3 {margin-top:16%; margin-left:35%; position:absolute;z-index:100;}


.avatar {
    width:150px;
	height:150px;
    margin: 10px;
    border:10px solid #fdfbfb;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
	-webkit-box-shadow: 3px 7px 40px #000000;
}

.avatar_export {
    width:200px;
	height:200px;
    margin: 10px;
    border:10px solid #fdfbfb;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
	-webkit-box-shadow: 3px 7px 40px #000000;
}


.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

.google-maps {
        position: relative;
        padding-bottom: 65%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }  
	#icons{
		position: fixed;
		top:70%;
		left: 0px;
		right:0;
		margin-right: 0px;
		margin-left: 0px;
		width:50px; – The width of the area you want your icons to appear in
		height:300px; – The height of the area you want your icons to appear in
		z-index:999999;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		background-color:#fff;
	    border-radius: 5px;
	}
	#icons img  { padding-bottom:3px;}
	.height-hang {height:240px;}
@media only screen and (max-width: 1300px) {
	#top-box h6{font-size:11px;}
	#what-costumer {margin-left: 0%;}
	#body {margin-top: 5%;}	
}
@media only screen and (max-width: 1025px) {
	#what-costumer {margin-left: 0%;}
	#top-box h6{font-size:10px;}
	#body {margin-top: 8%;}	
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #body{width:100%; margin-left:0%; margin-top:8%;}
	#pic-line {display:none;}
	.line-visible {display:none;}	
	
	.pic-box{
-webkit-box-shadow: 3px 7px 40px #000000;
box-shadow: 3px 7px 40px #000000;cursor:pointer;margin-bottom:3px;}
#hang-bdy {margin-top:0px;}

.height-hang {height:525px;}
#bg-menu {background-color:rgba(0, 0, 0, 1);opacity:0.8;}
#bg-menu ul li a{color:#FFF !important;}

#img-top-1 {margin-top:1%}
#img-top-2 {margin-top:1%}
#img-top-3 {margin-top:1%}
#img-top-4 {margin-top:1%}
#img-top-5 {margin-top:1%}
#customer-view { display:none;}
#what-costumer {margin-left:0%;}
#first-paragraph span {display:none;}
#second-paragraph span {display:none;}
#third-paragraph span {display:none;}

#icons{
		position: fixed;
		top:60%;
		left: 0px;
		right:0;
		margin-right: 0px;
		margin-left: 0px;
		width:50px; – The width of the area you want your icons to appear in
		height:300px; – The height of the area you want your icons to appear in
		z-index:999999;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		background-color:#fff;
	    border-radius: 5px;

	}
	#top-box h6{font-size:12px;}

	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		color: rgb(255, 255, 255);
		background-color: rgb(68, 68, 68);
	}
}
@media only screen and (max-width: 400px) {
	#top-box h6{font-size:11px;}	
	#body {margin-top: 18%;}
}











#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
font-size: 14px;
    background-color: rgba(240, 240, 240, 1);
    border-width: 0px;
    border-radius: 0px;
    position: fixed;
    width: 100%;
    z-index: 2000;
	height:57px;
	-webkit-box-shadow: 0px 0px 30px #000000;
	box-shadow: 0px 0px 30px #000000;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color:/* rgba(119, 119, 119, 1);*/ rgb(20, 143, 16);
    background-color: rgba(255, 255, 255, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(20, 143, 16, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(20, 143, 16, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #148f10;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #148f10;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #148f10;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #f0f0f0;
}
.navbar-brand {
    padding: 7px 15px !important;
}